﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="e_box" id="_checkout">
    <div class="ui-icons form_payment">
    </div>
    <div class="e_box_mc">
        <div class="b-box b-box_border">
            <div class="mt">
                订单</div>
            <div class="tb-x3">
                <table width="80%" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <th width="30%">
                                订单号
                            </th>
                            <th width="40%">
                                订单内容
                            </th>
                            <th width="30%">
                                应付金额
                            </th>
                        </tr>
                        @foreach (dynamic order in ViewBag.Orders)
                        {
                            <tr>
                                <td class="order">
                                    @order.Id
                                </td>
                                <td class="order">
                                    @order.Name
                                </td>
                                <td class="price">
                                    ￥@order.Price
                                </td>
                            </tr>
                        }
                        <tr>
                            <td colspan="2">
                                合计
                            </td>
                            <td class="price">
                                ￥@ViewBag.TotalPrice
                            </td>
                        </tr>
                        @*<tr>
                            <td>
                                1
                            </td>
                            <td class="order">
                                0011387
                            </td>
                            <td class="price">
                                $18.30
                            </td>
                        </tr>
                        <tr>
                            <td>
                                2
                            </td>
                            <td class="order">
                                0011388
                            </td>
                            <td class="price">
                                $8.30
                            </td>
                        </tr>
                        <tr>
                            <td>
                                3
                            </td>
                            <td class="order">
                                0011389
                            </td>
                            <td class="price">
                                $28.30
                            </td>
                        </tr>*@
                    </tbody>
                </table>
            </div>
        </div>
        <div class="b-box b-box_border">
            <div class="mt">
                信息</div>
            <div class="price_all">
                <p>购买人：mollychan</p>
                <p>Email：mollychan@@live.com</p>
                <p>电话：86 13916055871</p>
            </div>
        </div>
        <div class="b-box">
            <div class="mt">
                支付</div>
            <div class="price_all">
                <div class="clearing_expand">
                    <p>
                        <input type="checkbox" name="check.credits" id="credits" /><label for="credits">使用积分抵扣</label></p>
                    <p>
                        <input type="checkbox" name="check.redenvelope" id="redenvelope" /><label for="redenvelope">使用红包抵扣</label></p>
                    <p>
                        <input type="checkbox" name="check.balance" id="balance" /><label for="balance">使用余额支付</label></p>
                </div>
                <div class="price_charge">
                    <ul>
                        <li class="shuju_w">应付金额：</li><li>￥54.90</li>
                        <li class="shuju_w">积分抵扣：</li><li>-￥0.90</li>
                        <li class="shuju_w">红包抵扣：</li><li>-￥1.00</li>
                        <li class="shuju_w">余额支付：</li><li>-￥4.00</li>
                    </ul>
                </div>
                <div class="price_total">
                    <b>您还需要支付：</b><span class="price" id="tatleprice">￥49.00</span><!--支付金额--></div>
            </div>
        </div>
        <div class="b-box" id="pay-external">
            <div class="mt">
                选择支付方式</div>
            <div class="mc mc_Pleft">
                <div class="item1">
                    重要提示：请不要使用他人信用卡付款！使用他人信用卡将作退款处理，给您的订单造成延误！</div>
                <div class="item1">
                    如果您未能收到E-mail发来的卡信息，请到 <a href="/user/order">我的订单</a> 中查询！请注意看订单的状态和工作人员发给你的备注信息。</div>
            </div>
            <div class="introduc_info">
                <div class="tab2_area">
                    <ul class="tab2_head tabs">
                        @*<li class=""><a href="#t-member">会员帐户</a></li>*@
                        <li class=""><a href="#t-hsbc">英国银行</a></li>
                        <li class=""><a href="#t-wu">西联汇款</a></li>
                        <li class=""><a href="#t-mb">Moneybooker</a></li>
                        @*<li class=""><a href="#t-google">Google Checkout</a></li>*@
                        <li class=""><a href="#t-up">国内银行</a></li>
                        <li class=""><a href="#t-paypal">Paypal</a></li>
                    </ul>
                </div>
                <div class="tab2_container">
                    @*<div class="introduc_area tab2_content" id="t-member">
                        <div class="introduc_area_bg">
                            <p>
                                <span class="creditCardForm">应付金额：</span><strong>&nbsp;&nbsp;$49&nbsp;&nbsp;</strong></p>
                            <p>
                                <span class="creditCardForm">手续费：&nbsp;&nbsp;</span><strong>&nbsp;&nbsp;$0&nbsp;&nbsp;</strong></p>
                            <div class="Pay_b">
                                <a title="去支付" href="/checkout/member"></a>
                            </div>
                        </div>
                    </div>*@
                    <div class="introduc_area tab2_content" id="t-hsbc">
                        <div class="introduc_area_bg">
                            <p>
                                <span class="creditCardForm">应付金额：</span><strong>&nbsp;&nbsp;GBP49&nbsp;&nbsp;</strong></p>
                            <p>
                                <span class="creditCardForm">手续费：&nbsp;&nbsp;</span><strong>&nbsp;&nbsp;GBP0&nbsp;&nbsp;</strong></p>
                            <div class="Pay_b">
                                <a title="去支付" href="/checkout/hsbc"></a>
                            </div>
                        </div>
                    </div>
                    <div class="introduc_area tab2_content" id="t-wu">
                        <div class="introduc_area_bg">
                            <p>
                                <span class="creditCardForm">应付金额：</span><strong>&nbsp;&nbsp;美元(USD):5.56 加元(CAD):5.70
                                    英磅(GBP):3.55 欧元(EUR):4.20 澳元(AUD):5.71&nbsp;&nbsp;</strong></p>
                            <p>
                                <span class="creditCardForm">手续费：&nbsp;&nbsp;</span><strong>&nbsp;&nbsp;GBP0&nbsp;&nbsp;</strong></p>
                            <div class="Pay_b">
                                <a title="去支付" href="/checkout/western-union"></a>
                            </div>
                        </div>
                    </div>
                    <div class="introduc_area tab2_content" id="t-mb">
                        <div class="introduc_area_bg">
                            <p>
                                <span class="creditCardForm">应付金额：</span><strong>&nbsp;&nbsp;￥28.8元&nbsp;&nbsp;</strong></p>
                            <p>
                                <span class="creditCardForm">手续费：&nbsp;&nbsp;</span><strong>&nbsp;&nbsp;￥0&nbsp;&nbsp;</strong></p>
                            <div class="Pay_b">
                                <a title="去支付" href="/checkout/moneybooker"></a>
                            </div>
                        </div>
                    </div>
                    @*<div class="introduc_area tab2_content" id="t-google">
                        <div class="introduc_area_bg">
                            <p>
                                <span class="creditCardForm">应付金额：</span><strong>&nbsp;&nbsp;￥28.8元&nbsp;&nbsp;</strong></p>
                            <p>
                                <span class="creditCardForm">手续费：&nbsp;&nbsp;</span><strong>&nbsp;&nbsp;￥0&nbsp;&nbsp;</strong></p>
                            <div class="Pay_b">
                                <a title="去支付" href="/checkout/google-checkout"></a>
                            </div>
                        </div>
                    </div>*@
                    <div class="introduc_area tab2_content" id="t-up">
                        <div class="introduc_area_bg">
                            <p>
                                <span class="creditCardForm">应付金额：</span><strong>&nbsp;&nbsp;￥28.8元&nbsp;&nbsp;</strong></p>
                            <p>
                                <span class="creditCardForm">手续费：&nbsp;&nbsp;</span><strong>&nbsp;&nbsp;￥0&nbsp;&nbsp;</strong></p>
                            <div class="Pay_b">
                                <a title="去支付" href="/checkout/union-pay"></a>
                            </div>
                        </div>
                    </div>
                    <div class="introduc_area tab2_content" id="t-paypal">
                        <div class="introduc_area_bg">
                            <p>
                                <span class="creditCardForm">应付金额：</span><strong>&nbsp;&nbsp;￥28.8元&nbsp;&nbsp;</strong></p>
                            <p>
                                <span class="creditCardForm">手续费：&nbsp;&nbsp;</span><strong>&nbsp;&nbsp;￥0&nbsp;&nbsp;</strong></p>
                            <div class="Pay_b">
                                <a title="去支付" href="/checkout/paypal"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {

        //         全部分类
        //Default Action 
        $(".tab_content").hide(); //Hide all content
        $("ul.tabs li:first").addClass("c").show(); //Activate first tab 
        $(".tab_content:first").show(); //Show first tab content 
        //On Click Event 
        $("ul.tabs li").click(function () {
            $("ul.tabs li").removeClass("c"); //Remove any "active" class 
            $(this).addClass("c"); //Add "active" class to selected tab 
            $(".tab_content").hide(); //Hide all tab content 
            var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
            $(activeTab).fadeIn(); //Fade in the active content 
            return false;
        });


        //         二列卡片切换
        //Default Action 
        $(".tab2_content").hide(); //Hide all content
        $("ul.tabs li:first").addClass("c").show(); //Activate first tab 
        $(".tab2_content:first").show(); //Show first tab content 
        //On Click Event 
        $("ul.tabs li").click(function () {
            $("ul.tabs li").removeClass("c"); //Remove any "active" class 
            $(this).addClass("c"); //Add "active" class to selected tab 
            $(".tab2_content").hide(); //Hide all tab content 
            var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
            $(activeTab).show(); //Fade in the active content 
            return false;
        });


        /// $/checkout
        $("#_checkout").each(function ($e) {

            $("#balance", $e).click(function () {
                if ($(this).attr("checked")) {
                    $("#pay-internal", $e).show('slow');
                    $("#pay-external", $e).hide('slow');
                } else {
                    $("#pay-internal", $e).hide('slow');
                    $("#pay-external", $e).show('slow');
                }
            });

        });

    });
</script>
